var data1 = [

    {
        "data": "0",
        "num": "1",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/7/199190574_.png",
        "text": "[游戏王： 决斗链接] 首发高级礼包",
        "span": "领号"
    },

    {
        "data": "1",

        "num": "2",
        "herf": "http://image.9game.cn/s/9game/g/2020/12/24/194066955_.png",

        "text": "[家园卫士] 高级礼包",
        "span": "领号"


    }, {
        "data": "2",

        "num": "3",
        "herf": "http://image.9game.cn/s/9game/g/2020/12/24/194066955_.png",

        "text": " [家园卫士] 特权礼包 ",
        "span": "领号"

    }, {
        "num": "4",
        "herf": "http://image.9game.cn/s/9game/g/2021/2/3/210003416_.png",

        "text": " [幻书启世录] 新手礼包 ",
        "span": "领号"
    }, {
        "num": "5",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/28/207161840_.gif",
        "text": " [影之刃3] 春节活动礼包",
        "span": "领号"
    }, {
        "num": "6",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/5/198663481_.png",
        "text": " [妄想山海] 首发下载礼包 ",
        "span": "领号"
    }, {
        "num": "7",
        "herf": "http://image.9game.cn/s/9game/g/2020/10/29/183579253_.png",
        "text": " [第五人格] 感恩节礼包",
        "span": "领号"
    }, {
        "num": "8",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205872213_.png",
        "text": " [蓝月传奇2] 春节礼包 ",
        "span": "领号"
    },
    {
        "num": "9",
        "herf": "http://image.9game.cn/s/9game/g/2020/10/29/183579253_.png",
        "text": "[第五人格] 联动第二弹礼包",
        "span": "领号"

    }, {
        "num": "10",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/5/198663481_.png",
        "text": "[蓝月传奇2] 特权礼包",
        "span": "领号"

    }
]
var ranklu = document.querySelector(' .rank-l .rank-lu')
var str1 = '';
for (var i = 0; i < data1.length; i++) {
    str1 += `
    <li data-i="${data1[i].num-1} ">
     <div class=" picture-block"><span>${data1[i].num}</span>
         <img src="${data1[i].herf}" alt="">
         <a href="">${data1[i].text}</a>
          <i>${data1[i].span}</i>
     </div>
      <div data-j="${data1[i].num}" class="picture-none">
          <span>${data1[i].num}</span>
          <a href="">${data1[i].text}</a>
           <i></i>
        </div>
     </li>
    
    `
}
ranklu.innerHTML = str1;


// 激活码今日领取排行榜
var data2 = [{
        "num": "1",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/5/198709995_.png",
        "text": "[镇魂街：武神躯]初级礼包",
        "span": "领号"
    },
    {
        "num": "2",
        "herf": "http://image.9game.cn/s/9game/g/2021/2/2/209568538_.gif",
        "text": "[上古纷争]内测豪礼",
        "span": "领号"
    }, {
        "num": "3",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/28/207150859_.png",
        "text": "[三国杀移动版]iOS礼包",
        "span": "领号"
    }, {
        "num": "4",
        "herf": "http://image.9game.cn/s/9game/g/2020/11/13/185915183_.png",
        "text": " [新征战]年货福利",
        "span": "领号"
    }, {
        "num": "5",
        "herf": "http://image.9game.cn/s/9game/g/2020/9/3/173483227_.gif",
        "text": "[新斗罗大陆]iOS官方推广礼包",
        "span": "领号"
    }, {
        "num": "6",
        "herf": "http://image.9game.cn/s/9game/g/2020/9/3/173483227_.gif",

        "text": "[放开那三国3]iOS礼包",
        "span": "领号"
    }
]
var rankclu = document.querySelector(' .rank-c .rank-clu')
var str2 = '';
for (var i = 0; i < data2.length; i++) {
    str2 += `
    <li data-i="${data2[i].num-1} ">
     <div class=" picture-block"><span>${data2[i].num}</span>
         <img src="${data2[i].herf}" alt="">
         <a href="">${data2[i].text}</a>
          <i>${data2[i].span}</i>
     </div>
      <div class="picture-none">
          <span>${data2[i].num}</span>
          <a href="">${data2[i].text}</a>
           <i></i>
        </div>
     </li>
    
    `
}
rankclu.innerHTML = str2;
// 新服礼包今日领取排行榜
var data3 = [{
        "num": "1",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/7/199190574_.png",
        "text": "[游戏王： 决斗链接] 新手礼包",
        "span": "领号"
    },

    {
        "num": "2",
        "herf": "http://image.9game.cn/s/9game/g/2021/2/5/211840418_.png",
        "text": "[天谕] 不删档内测预约礼包",
        "span": "领号"


    }, {
        "num": "3",
        "herf": "http://image.9game.cn/s/9game/g/2020/12/24/194066955_.png",
        "text": " [家园卫士] 新手礼包 ",
        "span": "领号"

    }, {
        "num": "4",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "text": " [葫芦娃] 新手礼包",
        "span": "领号"
    }, {
        "num": "5",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "text": " [葫芦娃] 新手礼包",
        "span": "领号"
    }, {
        "num": "6",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "text": "[葫芦娃] 特权礼包 ",
        "span": "领号"
    }, {
        "num": "7",
        "text": " [葫芦娃] 玩家礼包",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "span": "领号"
    }, {
        "num": "8",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205826145_.png",
        "text": " [三国志幻想大陆] 金牛贺岁礼包",
        "span": "领号"
    }, {
        "num": "9",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205826145_.png",
        "text": "[第五人格] 金牛开光礼包",
        "span": "领号"

    }, {
        "num": "10",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205826145_.png",
        "text": "太古仙尊] 金牛金丹礼包",

        "span": "领号"

    }
]
var rankrlu = document.querySelector(' .rank-r .rank-rlu')
var str3 = ''
for (var i = 0; i < data3.length; i++) {
    str3 += `
    <li data-i="${data3[i].num-1} ">
     <div class=" picture-block"><span>${data3[i].num}</span>
         <img src="${data3[i].herf}" alt="">
         <a href="">${data3[i].text}</a>
          <i>${data3[i].span}</i>
     </div>
      <div class="picture-none">
          <span>${data3[i].num}</span>
          <a href="">${data3[i].text}</a>
           <i></i>
        </div>
     </li>
    
    `
}
rankrlu.innerHTML = str3;



// 今日预订排行榜
var data4 = [{
        "num": "1",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/7/199190574_.png",
        "text": "[游戏王： 决斗链接] 新手礼包",
        "span": "领号"
    },

    {
        "num": "2",
        "herf": "http://image.9game.cn/s/9game/g/2021/2/5/211840418_.png",
        "text": "[天谕] 不删档内测预约礼包",
        "span": "领号"


    }, {
        "num": "3",
        "herf": "http://image.9game.cn/s/9game/g/2020/12/24/194066955_.png",
        "text": " [家园卫士] 新手礼包 ",
        "span": "领号"

    }, {
        "num": "4",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "text": " [葫芦娃] 新手礼包",
        "span": "领号"
    }, {
        "num": "5",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "text": " [葫芦娃] 新手礼包",
        "span": "领号"
    }, {
        "num": "6",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "text": "[葫芦娃] 特权礼包 ",
        "span": "领号"
    }, {
        "num": "7",
        "text": " [葫芦娃] 玩家礼包",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "span": "领号"
    }, {
        "num": "8",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205826145_.png",
        "text": " [三国志幻想大陆] 金牛贺岁礼包",
        "span": "领号"
    }, {
        "num": "9",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205826145_.png",
        "text": "[第五人格] 金牛开光礼包",
        "span": "领号"

    }, {
        "num": "10",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205826145_.png",
        "text": "太古仙尊] 金牛金丹礼包",

        "span": "领号"

    }
]
var ranklu1 = document.querySelector('.receiveaward-bottom  .rank-l .rank-lu')
var str4 = '';
for (var i = 0; i < data4.length; i++) {
    str4 += `
    <li data-i="${data4[i].num-1} ">
     <div class=" picture-block"><span>${data4[i].num}</span>
         <img src="${data4[i].herf}" alt="">
         <a href="">${data4[i].text}</a>
          <i>${data4[i].span}</i>
     </div>
      <div class="picture-none">
          <span>${data4[i].num}</span>
          <a href="">${data4[i].text}</a>
           <i></i>
        </div>
     </li>
    
    `
}
ranklu1.innerHTML = str4;

// 最火游戏排行

var data5 = [{
        "num": "1",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/7/199190574_.png",
        "text": "[游戏王： 决斗链接] 新手礼包",
        "span": "领号"
    },

    {
        "num": "2",
        "herf": "http://image.9game.cn/s/9game/g/2021/2/5/211840418_.png",
        "text": "[天谕] 不删档内测预约礼包",
        "span": "领号"


    }, {
        "num": "3",
        "herf": "http://image.9game.cn/s/9game/g/2020/12/24/194066955_.png",
        "text": " [家园卫士] 新手礼包 ",
        "span": "领号"

    }, {
        "num": "4",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "text": " [葫芦娃] 新手礼包",
        "span": "领号"
    }, {
        "num": "5",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "text": " [葫芦娃] 新手礼包",
        "span": "领号"
    }, {
        "num": "6",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "text": "[葫芦娃] 特权礼包 ",
        "span": "领号"
    }, {
        "num": "7",
        "text": " [葫芦娃] 玩家礼包",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "span": "领号"
    }, {
        "num": "8",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205826145_.png",
        "text": " [三国志幻想大陆] 金牛贺岁礼包",
        "span": "领号"
    }, {
        "num": "9",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205826145_.png",
        "text": "[第五人格] 金牛开光礼包",
        "span": "领号"

    }, {
        "num": "10",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205826145_.png",
        "text": "太古仙尊] 金牛金丹礼包",

        "span": "领号"

    }
]
var rankclu1 = document.querySelector('.receiveaward-bottom .rank-c .rank-clu')
var str5 = '';
for (var i = 0; i < data5.length; i++) {
    str5 += `
    <li data-i="${data5[i].num-1} ">
     <div class=" picture-block"><span>${data5[i].num}</span>
         <img src="${data5[i].herf}" alt="">
         <a href="">${data5[i].text}</a>
          <i>${data5[i].span}</i>
     </div>
      <div class="picture-none">
          <span>${data5[i].num}</span>
          <a href="">${data5[i].text}</a>
           <i></i>
        </div>
     </li>
    
    `
}
rankclu1.innerHTML = str5;
// 最新游戏排行

var data6 = [{
        "num": "1",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/7/199190574_.png",
        "text": "[游戏王： 决斗链接] 新手礼包",
        "span": "领号"
    },

    {
        "num": "2",
        "herf": "http://image.9game.cn/s/9game/g/2021/2/5/211840418_.png",
        "text": "[天谕] 不删档内测预约礼包",
        "span": "领号"


    }, {
        "num": "3",
        "herf": "http://image.9game.cn/s/9game/g/2020/12/24/194066955_.png",
        "text": " [家园卫士] 新手礼包 ",
        "span": "领号"

    }, {
        "num": "4",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "text": " [葫芦娃] 新手礼包",
        "span": "领号"
    }, {
        "num": "5",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "text": " [葫芦娃] 新手礼包",
        "span": "领号"
    }, {
        "num": "6",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "text": "[葫芦娃] 特权礼包 ",
        "span": "领号"
    }, {
        "num": "7",
        "text": " [葫芦娃] 玩家礼包",
        "herf": " http://image.9game.cn/s/9game/g/2020/1/14/134756217_.png",
        "span": "领号"
    }, {
        "num": "8",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205826145_.png",
        "text": " [三国志幻想大陆] 金牛贺岁礼包",
        "span": "领号"
    }, {
        "num": "9",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205826145_.png",
        "text": "[第五人格] 金牛开光礼包",
        "span": "领号"

    }, {
        "num": "10",
        "herf": "http://image.9game.cn/s/9game/g/2021/1/25/205826145_.png",
        "text": "太古仙尊] 金牛金丹礼包",

        "span": "领号"

    }
]
var rankrlu1 = document.querySelector('.receiveaward-bottom .rank-r .rank-rlu')
var str6 = ''
for (var i = 0; i < data6.length; i++) {
    str6 += `
    <li data-i="${data6[i].num-1} ">
     <div class=" picture-block"><span>${data6[i].num}</span>
         <img src="${data6[i].herf}" alt="">
         <a href="">${data6[i].text}</a>
          <i>${data6[i].span}</i>
     </div>
      <div class="picture-none">
          <span>${data6[i].num}</span>
          <a href="">${data6[i].text}</a>
           <i></i>
        </div>
     </li>
    
    `
}
rankrlu1.innerHTML = str6;


//新服表
var data7 = [{
    "text": " 三国志· 战略版",

    "time": "02-11 11:00",

    "span": "领号"
}, {
    "text": "三国志幻想大陆",
    "time": "02-11 05:00",
    "span": "领号"
}, {
    "text": "妖灵战姬",
    "time": "02-11 00:00",
    "span": "领号"
}, {
    "text": "青云诀2",
    "time": "02-11 00:00",
    "span": "领号"
}, {
    "text": "漫斗纪元",
    "time": "  02-11 08:00",
    "span": "领号"
}, {
    "text": "道友请留步",
    "time": " 02-11 09:00",
    "span": "领号"
}, {
    "text": " 塞尔之光",
    "time": "02-11 09:00",
    "span": "领号"
}, {
    "text": "冒险王3OL",
    "time": "02-11 10:00",
    "span": "领号"
}, {
    "text": "超进化物语",
    "time": "02-11 10:00",
    "span": "领号"
}, {
    "text": "新斗罗大陆",
    "time": "02-11 10:00",
    "span": "领号"
}]
var ulnew = document.querySelector('.column-rightcontent .column .table ul')
var str7 = ''
for (var i = 0; i < data7.length; i++) {
    str7 += `
 <li>
 <a >${data7[i].text}</a>
 <a>${data7[i].time}</a>
 <span>
     ${data7[i].span}
 </span>
 
 </li>
    `
}
ulnew.innerHTML = str7;



var data8 = [{
    "text": "飞龙分幽魂60",
    "lingqu": "领取了",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2599791631274818318.html",
    "text1": "[生存战争]首发礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "w先锋w",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612768317294119783.html",
    "text1": "[神将三国]节日祝福礼包",
    "sbluebtn": "我也要"
}, {
    "text": "九游玩家871920531739",
    "lingqu": "领取了",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612505143252341537.html",
    "text1": "[三国志幻想大陆]金牛贺岁礼包",
    "sbluebtn": "我也要"
}, {
    "text": "苍天却火焰雨",
    "lingqu": "领取了",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612523997279244595.html",
    "text1": "[风暴奇兵] 新春礼包",
    "sbluebtn": "我也要"
}, {
    "text": "飞龙分幽魂60",
    "lingqu": "领取了",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612263592294152987.html",
    "text1": "[生存战争]春节礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "九游玩家491343213",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612510514215913659.html",
    "text1": "[太古仙尊]金牛融合礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "伊利丹乎黑魔",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2608521638279345650.html",
    "text1": "[家园卫士]特权礼包",
    "sbluebtn": "我也要"
}, {
    "text": "霹雳又盗贼",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2609311056274868243.html",
    "lingqu": "领取了",
    "text1": "[实况中超]元旦礼包",
    "sbluebtn": "我也要"
}, {
    "text": "牛年发发发财",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612664631265343071.html",
    "lingqu": "领取了",
    "text1": "[梦幻西游]恭贺新禧礼包",
    "sbluebtn": "我也要"
}, {
    "text": "颱飓",
    "lingqu": "领取了",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2611221115261669423.html",
    "text1": "[弹弹奇兵]专属礼包",
    "sbluebtn": "我也要"
}, {
    "text": "九游玩家390190966151",
    "lingqu": "领取了",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2545031340236087725.html",
    "text1": "[使命召唤手游]公测福利预约",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "九游玩家390190966151",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2608695651256279487.html",
    "text1": "[使命召唤手游]首发专属礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "九游玩家390190966151",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612861128279222395.html",
    "text1": "[使命召唤手游]春节礼包",
    "sbluebtn": "我也要"
}, {
    "text": "伊利丹乎黑魔",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2608522110256203997.html",
    "lingqu": "领取了",
    "text1": "[家园卫士]高级礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "孤城丶小媛儿呐",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2611833044294173124.html",
    "text1": "[萌猫物语]春节礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "♛相思醉469",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612274010265320663.html",
    "text1": "[上古王冠]立春礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "化学生命",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2611136983288257688.html",
    "text1": "[像素危城]新手礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "來自遠古的愛戀",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2599544160256760818.html",
    "text1": "[妄想山海]预约福利",
    "sbluebtn": "我也要"
}, {
    "text": "又睡一觉",
    "lingqu": "领取了",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2609324159274821102.html",
    "text1": "[策魂三国]首发高级礼包",
    "sbluebtn": "我也要"
}, {
    "text": "颱飓",
    "lingqu": "领取了",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2611221131256233871.html",
    "text1": "[弹弹奇兵]新手礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "九游玩家389450462",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612510514215913659.html",
    "text1": "[太古仙尊]金牛融合礼包",
    "sbluebtn": "我也要"
}, {
    "text": "九游玩家492021868",
    "lingqu": "领取了",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612510527288258013.html",
    "text1": "[太古仙尊]金牛开光礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "牛年发发发财",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612664605279273292.html",
    "text1": "[梦幻西游]二月情谊礼包",
    "sbluebtn": "我也要"
}, {
    "text": "♛相思醉469",
    "lingqu": "领取了",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612271691279280925.html",
    "text1": "[上古王冠]新春礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "九游玩家491343213",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612510116256797185.html",
    "text1": "[太古仙尊]金牛金丹礼包",
    "sbluebtn": "我也要"
}, {
    "text": "九游玩家814114518695",
    "lingqu": "领取了",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2608893540256722259.html",
    "text1": "[斗罗大陆]新手礼包",
    "sbluebtn": "我也要"
}, {
    "text": "九游玩家331846892",
    "lingqu": "领取了",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612510527288258013.html",
    "text1": "[太古仙尊]金牛开光礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "版务组－羸马踏冰翻",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612947382274807554.html",
    "text1": "[口袋觉醒]新年欢乐礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "辉耀其夜行者",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2612436838265317170.html",
    "text1": "[神陵武装]预约礼包",
    "sbluebtn": "我也要"
}, {
    "lingqu": "领取了",
    "text": "分裂至云雾50",
    "graya": "刚刚",
    "herf": "https://ka.9game.cn/personal/2606790353294153329.html",
    "text1": "[妖精的尾巴：勇气之旅]专属礼包",
    "sbluebtn": "我也要"
}]

var tablebobao = document.querySelector('.table-bobao ul');
var str8 = '';
for (var i = 0; i < data8.length; i++) {

    str8 += `
<li>
<div class="bobaofirst">
    <p>
${data8[i].text}
        <span>${data8[i].lingqu}</span>
    </p>
    <span>
${data8[i].graya}
    </span>
</div>


<div class="bobaosecond">
    <a href="">${data8[i].text1}</a>
<a href="">
   ${data8[i].sbluebtn}
</a>
</div>
</li>
`
}
tablebobao.innerHTML = str8;



//特权礼包列表block 
var picnone1 = document.querySelectorAll('.receiveaward-top .receiveaward .receleft .rank-l .rank-lu li .picture-none');
var picblock1 = document.querySelectorAll('.receiveaward-top .receiveaward .receleft .rank-l .rank-lu li .picture-block');
var ul1 = document.querySelector('.receiveaward-top .receiveaward .receleft .rank-l .rank-lu');
var li1 = document.querySelectorAll(' .receiveaward-top .receiveaward .receleft .rank-l .rank-lu li');

for (var i = 0; i < picnone1.length; i++) {
    li1[i].onmouseenter = function (e) {
        // console.log(e.target)

        var child1 = e.target.children[0];
        var child2 = e.target.children[1];
        child1.style.display = "block";
        child2.style.display = "none";
    }
    li1[i].onmouseleave = function (e) {
        // for(var i=0;i<li1.length;i++){
        // console.log(e.target)
        var child1 = e.target.children[0];
        var child2 = e.target.children[1];
        child1.style.display = "none";
        child2.style.display = "block";

    }
}
// li1[i].child1.style.display = "block";

// }


// console.log(picblock1)
// console.log(picnone1)
// console.log(ul1)
// console.log(li1)


// 新服礼包今日领取排行榜
var picnone3 = document.querySelectorAll('.receiveaward-top .receiveaward .receright .rank-r .rank-rlu li .picture-none');
var picblock3 = document.querySelectorAll('.receiveaward-top .receiveaward .receright .rank-r .rank-rlu li .picture-block');
var ul3 = document.querySelector('.receiveaward-top .receiveaward .receright .rank-r .rank-rlu');
var li3 = document.querySelectorAll(' .receiveaward-top .receiveaward .receright .rank-r .rank-rlu li');
for (var i = 0; i < picnone1.length; i++) {
    li3[i].onmouseenter = function (e) {
        // console.log(e.target)

        var child1 = e.target.children[0];
        var child2 = e.target.children[1];
        child1.style.display = "block";
        child2.style.display = "none";
    }
    li3[i].onmouseleave = function (e) {
        // for(var i=0;i<li1.length;i++){
        // console.log(e.target)
        var child1 = e.target.children[0];
        var child2 = e.target.children[1];
        child1.style.display = "none";
        child2.style.display = "block";

    }
}


// console.log(li3)


// 今日预订排行榜
    var picnone4 = document.querySelectorAll('.receiveaward-bottom .receiveaward .receleft .rank-l .rank-lu li .picture-none');
    var picblock4 = document.querySelectorAll('.receiveaward-bottom .receiveaward .receleft .rank-l .rank-lu li .picture-block');
    var ul4 = document.querySelector('.receiveaward-bottom .receiveaward .receleft .rank-l .rank-lu');
    var li4 = document.querySelectorAll(' .receiveaward-bottom .receiveaward .receleft .rank-l .rank-lu li');
    
    for (var i = 0; i < picnone1.length; i++) {
        li4[i].onmouseenter = function (e) {
            // console.log(e.target)
    
            var child1 = e.target.children[0];
            var child2 = e.target.children[1];
            child1.style.display = "block";
            child2.style.display = "none";
        }
        li4[i].onmouseleave = function (e) {
            // for(var i=0;i<li1.length;i++){
            // console.log(e.target)
            var child1 = e.target.children[0];
            var child2 = e.target.children[1];
            child1.style.display = "none";
            child2.style.display = "block";
    
        }
    
    }
// 最火游戏排行

    var picnone5 = document.querySelectorAll('.receiveaward-bottom .receiveaward .rececontent .rank-c .rank-clu li .picture-none');
    var picblock5 = document.querySelectorAll('.receiveaward-bottom .receiveaward .rececontent .rank-c .rank-clu li .picture-block');
    var ul5 = document.querySelector('.receiveaward-bottom .receiveaward .rececontent .rank-c .rank-clu ');
    var li5 = document.querySelectorAll('.receiveaward-bottom .receiveaward .rececontent .rank-c .rank-clu li ');
    
    for (var i = 0; i < picnone1.length; i++) {
        li5[i].onmouseenter = function (e) {
            // console.log(e.target)
    
            var child1 = e.target.children[0];
            var child2 = e.target.children[1];
            child1.style.display = "block";
            child2.style.display = "none";
        }
        li5[i].onmouseleave = function (e) {
            // for(var i=0;i<li1.length;i++){
            // console.log(e.target)
            var child1 = e.target.children[0];
            var child2 = e.target.children[1];
            child1.style.display = "none";
            child2.style.display = "block";
    
    }
    }
// 最新游戏排行
var picnone6 = document.querySelectorAll('.receiveaward-bottom .receiveaward .receright .rank-r .rank-rlu li .picture-none');
var picblock6 = document.querySelectorAll('.receiveaward-bottom .receiveaward .receright .rank-r .rank-rlu li .picture-block');
var ul6 = document.querySelector('.receiveaward-bottom .receiveaward .receright .rank-r .rank-rlu');
var li6 = document.querySelectorAll(' .receiveaward-bottom .receiveaward .receright .rank-r .rank-rlu li');
for (var i = 0; i < picnone6.length; i++) {
    li6[i].onmouseenter = function (e) {
        // console.log(e.target)

        var child1 = e.target.children[0];
        var child2 = e.target.children[1];
        child1.style.display = "block";
        child2.style.display = "none";   
        //  picnblock6[i].style.display = "block";
//    console.log( picblock6)
//    console.log(child1)
    }
   li6[i].onmouseleave = function (e) {
        // for(var i=0;i<picblock6.length;i++){
        // console.log(e.target)
        var child1 = e.target.children[0];
        var child2 = e.target.children[1];
        child1.style.display = "none";
        child2.style.display = "block";
       
    // }
    // child1.style.display = "block";
 }

}

// 激活码今日领取排行榜
window.onload=function(){
    var picnone2 = document.querySelectorAll('.receiveaward-top .receiveaward .rececontent .rank-c .rank-clu li .picture-none');
    var picblock2 = document.querySelectorAll('.receiveaward-top .receiveaward .rececontent .rank-c .rank-clu li .picture-block');
    var ul2 = document.querySelector('.receiveaward-top .receiveaward .rececontent .rank-c .rank-clu ');
    var li2 = document.querySelectorAll('.receiveaward-top .receiveaward .rececontent .rank-c .rank-clu li ');
    var br=1;
    ul2.onmouseenter= function (e) {
        console.log(e.target)
        if(br==1){
        if (e.target.localName == 'li') {
            // var i = e.target.dataset.i;
            // var top = box[i].offsetTop - 90
            // window.scrollTo({
            //     top: top,
            //     behavior: 'smooth'
            // })
            console.log(e.target)
            var child1 = e.target.children[0];
            var child2 = e.target.children[1];
            // console.log(child1)
            child1.style.display = "block";
            child2.style.display = "none";
      
        }}
        br=0;
       e.target.onmouseleave=function(a){
            console.log(br)
        if(br==0){ 
             console.log(a.target)
             console.log(e.target)
        if (a.target.localName == 'li') {    
        console.log(a.target)
        var child1 = a.target.children[0];
        var child2 = a.target.children[1];
        // console.log(child1)
        child1.style.display = "block";
        child2.style.display = "none";
        }
        br=1;
    }
}
    }
    // var br1=1;
    
    // for (var i = 0; i < picnone1.length; i++) {
    //     li2[i].onmouseenter = function (a) {
    //         // console.log(e.target)
    
    //         var child1 = a.target.children[0];
    //         var child2 = a.target.children[1];
    //         child1.style.display = "block";
    //         child2.style.display = "none";
    //     }
    //     li2[i].onmouseleave = function (a) {
    //         // for(var i=0;i<li1.length;i++){
    //         // console.log(e.target)
    //         var child1 = a.target.children[0];
    //         var child2 = a.target.children[1];
    //         child1.style.display = "none";
    //         child2.style.display = "block";
    
    // // }
    // }
    // } 
}